.pt-table{
  font-family: 'ArialMT', 'Arial';
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  cursor: inherit;
  table-layout: fixed;
  thead{
    tr{
      background-color: transparent;
      outline: none;
      border-top: 2px solid $table-border-color-light;
      border-bottom: 2px solid $table-border-color-light;
      th{
        border: none;
        color: $light-font-color;
        padding: 8px;
        font-size: 13px;
        cursor: pointer;
        .fa.fa-sort{
          &.fa-sort-asc{
            vertical-align: bottom;
          }
          &.fa-sort-desc{
            vertical-align: top;
          }
        }
        input[type="checkbox"]:focus{
          outline: none;
        }
      }
    }
  }
  tbody{
    background-color: transparent;
    tr{
      outline: none;
      position: relative;
      color: $white-color;
      border-bottom: 1px solid $table-border-color-light;
      &:hover{
        background-color: $white-color - #050505;
      }
      &.clickabld{
        cursor: pointer;
      }
      td{
        border: none;
        padding: 10px;
        outline: none;
        word-break: break-all;
        word-wrap: break-word;
        color: $light-font-color;
        &:first-child{
          position: relative;
          &:before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 3px;
            height: 100%;
            background-color: transparent;
          }
        }
        a{
          color: $blue-color;
          &:hover{
            color: $hover-blue-color;
          }
          &:focus{
            color: $blue-color;
          }
        }
        input[type="checkbox"]:focus{
          outline: none;
        }
      }
      .dropdown-col{
        .btn-group{
          border: 1px solid $table-border-color-light;
          border-radius: 4px;
          .btn{
            color: #333;
            margin: 0;
          }
          .btn-default{
            color: inherit;
            background-color: transparent;
            border-right: 1px solid $table-border-color-light;
            &:hover{
              color: $blue-color;
            }
            +.dropdown-toggle{
              color: inherit;
              background-color: transparent;
            }
          }
        }
        .dropdown-menu{
          min-width: 100px;
          li{
            a{
              color: inherit;
            }
            a:hover{
              color: $blue-color;
              background-color: transparent;
            }
          }
        }
      }
    }
    tr.healthy, tr.running{
      td:first-child{
        &:before{
          background-color: $healthy;
        }
      }
      .healthy, .running{
        color: $healthy;
      }
    }
    tr.unhealthy{
      td:first-child{
        &:before{
          background-color: $unhealthy;
        }
      }
      .unhealthy{
        color: $unhealthy;
      }
    }
    tr.stopped{
      td:first-child{
        &:before{
          background-color: #FFAE00;
        }
      }
      .stopped{
      }
    }
  }
}
.dl-table{
  th{
    text-align: left;
    padding: 8px;
    width: 100px;
    color: $bg-level-third;
  }
  td{
    color: $bg-level-third;
  }
}
.border-table{
  width: 100%;
  table-layout: fixed;
  border: 1px solid #ccc;
  thead{
    tr{
      th{
        padding: 8px;
        font-size: 13px;
        font-weight: initial;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
      }
    }
  }
  tbody{
    tr{
      td{
        padding: 8px;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
      }
    }
  }
  &.no-vertical-line{
    thead tr th, tbody tr td{
      border-right: none;
    }
  }
}

